/**
 * 年月控件
 * @author htmic
 * @param ti
 * 使用方法 <input type="text" id="test" onclick="setmonth(this)"/>
 */
function setmonth(ti) {
	debugger;

	var htmicDate="htmicDate"+$(ti).attr("id");
	var yearS="year"+$(ti).attr("id");
	var monthT="month"+$(ti).attr("id");

	if($("#"+htmicDate).length>0){//日期控件存在，关闭日期控件
		//清除日期控件内容
		$("#"+htmicDate).remove();
		return false;
	}
	//清除日期控件内容
	$("#"+htmicDate).remove();
	//添加日期区域
	var dateHtml='<div id="'+htmicDate+'" style="border: 2px solid #EAEAEA;padding: 6px;background: #FFFFFF;">    '
		+'	<div class="yearDiv">   '
		+'  <select id="'+yearS+'" style="width: 125px;padding: 2px;"></select>'
		+'	</div>               '
		+'	<div class="monthDiv" style="margin-top: 5px;">  '
		+'  <table id="'+monthT+'" style="" border="0"></table>'
		+'	</div>               '
		+'</div>                  ';
	$(ti).after(dateHtml);

	//拼装年份
	var yearHtml="";
	var date=new Date();//当前日期
	var year=date.getFullYear();//当前年份
	var month = date.getMonth() + 1;//当前月份
	for(var i=year-15;i<=year+15;i++){
		if(i==year){
			yearHtml+='<option style="padding: 3px;" value="'+i+'" selected="selected">'+i+'</option>';
		}else{
			yearHtml+='<option style="padding: 3px;" value="'+i+'">'+i+'</option>';
		}
	}
	$("#"+yearS).append(yearHtml);

	//拼装月份
	var monthHtml="";
	for(var i=1;i<=12;i++){
		if(i%4==1){
			monthHtml+='<tr style="">';
		}
		//一位数则补零
		var obj;
		if (i < 10){
			obj ="0" + i;
		} else {
			obj=i;
		}

		monthHtml+='<td style="padding:2px;width: 30px;height: 30px;margin: 5px;border:none;">'
			+'<button style="width: 100%;height: 100%;border: none;background: #CAE3FB;" data-value="'+obj+'">'+i+'</button>'
			+'</td>';
		if(i%4==0&&i!=0){
			monthHtml+='</tr>';
		}
	}
	$("#"+monthT).append(monthHtml);

	//为月份绑定点击事件
	$("#"+monthT+" button").click(function(){
		//获取选中的日期值，并赋值到控件中
		var selectYear=$("#"+yearS).val();
		var selectMonth=$(this).attr("data-value");
		$(ti).val(selectYear+"-"+selectMonth);

		//清除日期控件内容
		$("#"+htmicDate).remove();
		return false;
	});
	//为月份绑定鼠标移动事件
	$("#"+monthT+" button").mouseover(function (){
		$("#"+monthT+" button").css("background-color","#CAE3FB")
		$(this).css("background-color","#B6D6F5")
	}).mouseout(function (){
		$("#"+monthT+" button").css("background-color","#CAE3FB")
	});

	//alert(monthHtml);
	//alert($("#htmicDate").html());


	//设置日期控件位置
	var offsettop=$(ti).position().top;
	var offsetleft=$(ti).position().left;
	//设置位置坐标
	//position: absolute; z-index: 110002; display: block; left: 628px; top: 355px; width: 180px;
	//$("#htmicDate").css({position: "absolute",'top':630,'left':600,'z-index':110002});
	$("#"+htmicDate).css({position: "absolute",'top':$(window).scrollTop()+offsettop+32,'left':$(window).scrollTop()+offsetleft+5,'z-index':110002});

}